<template>
  <div>
    <CloudTip message="Success Text" type="success" style="margin-bottom: 10px">
      <p slot="description">
        Success Description <span style="color: red">Success</span> Description
        Success Description
      </p>
    </CloudTip>
    <CloudTip
      message="Info Text"
      description="Info Description Info Description Info Description Info Description"
      type="info"
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Warning Text"
      description="Warning Description Warning Description Warning Description Warning Description"
      type="warning"
      style="margin-bottom: 10px"
    />
    <CloudTip
      message="Error Text"
      description="Error Description Error Description Error Description Error Description"
      type="error"
      style="margin-bottom: 10px"
    />
  </div>
</template>
<script>

export default {
  title: '5.含有辅助性文字介绍',
  data() {
    return {

    };
  },
  methods: {

  },
};
</script>